<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Information Technology Short Course Programs" />
<meta name="keywords" content="ComLabs, IT, Course, ITB, USDI, Training" />

<title>ComLabs IT Course | Home</title>
<link rel="shortcut icon" href="favicon.ico" mce_href="http://www.thenameofyoursitehere.com/favicon.ico"/>

<!--GENERAL STYLE-->
<link href="css/baru.css" rel="stylesheet" type="text/css" />
<link href="css/caption.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/coda-slider-2.0.css" type="text/css" media="screen" />
<link href="css/teaser.css" rel="stylesheet" type="text/css" />

<!--MAIN SCRIPT-->
<script type="text/javascript" src="js/simpletooltip.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/feri_count.js"></script>
<script type="text/javascript" src="js/feri_tooltip.js"></script>
<script type="text/javascript" src="js/feri_slider.js"></script>
<script type="text/javascript" src="js/captify.tiny.js"></script>
<script type="text/javascript" src="js/feri_sche_toggle.js"></script>


<!--FONT SCRIPT-->
<script type="text/javascript" src="js/Droid_Sans_400.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.droid');
</script>
<script type="text/javascript" src="js/DIN_Alternate_400-DIN_Alternate_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.din');
</script>
<script type="text/javascript" src="js/HelveticaNeue_400.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.hel');
</script>
<script type="text/javascript" src="js/Myriad_Pro_400-Myriad_Pro_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.myd');
</script>

<!--CAPTION SCRIPT-->
<script type="text/javascript">
$(function(){
	$('img.captify').captify({
		// all of these options are... optional
		// ---
		// speed of the mouseover effect
		speedOver: 'fast',
		// speed of the mouseout effect
		speedOut: 'normal',
		// how long to delay the hiding of the caption after mouseout (ms)
		hideDelay: 400,	
		// 'fade', 'slide', 'always-on'
		animation: 'slide',		
		// text/html to be placed at the beginning of every caption
		prefix: '',		
		// opacity of the caption on mouse over
		opacity: '0.4',					
		// the name of the CSS class to apply to the caption box
		className: 'caption-bottom',	
		// position of the caption (top or bottom)
		position: 'bottom',
		// caption span % of the image
		spanWidth: '100%'
	});
});
</script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script>
<script type="text/javascript">
	$().ready(function() {
		   $('#coda-slider-1').codaSlider({
			   autoSlide: true,
			   autoSlideInterval: 4000,
			   autoSlideStopWhenClicked: true
		   });
	   });
 </script>
</head>

<body>
<div id="selubung">
	<div id="logodanmenu">
    	<div id="logo"><img src="images/logoheader_03.png" width="157" height="100" alt="logo" /></div>
		  <div id="menu">
			  <a href="#" id="productmenu"></a>
			  <a href="#" id="schedulemenu"></a>
			  <a href="#" id="contactmenu2"></a>
		  </div>
	</div>
  
    <div id="bawahmenu">
    	<div id="bwhmenu1"></div>
    	<div id="bwhmenu2">
        	<div id="menutambahan"> 
            <a href="#">Sertifikasi</a>  
            <a href="#">Pengumuman</a>  
            <a href="#">Berita</a>  
            <a href="#">Tutorial</a>  
            <a href="#">Forum</a>
            </div>
            <div id="garismenu"></div>
        	<div class="countspace countbatas">
            		<!------------------------->    
			<div class="judultimepad">Current Event:</div>
                    <div>
                        <div class="left"><img src="images/ic_menu_my_calendar.png" /></div>
                        <div class="left waktu">Term-3 2011</div>
                        <div class="clear"></div>
                    </div>          
            		<!------------------------->    
            </div>
            <div class="countspace countbatas">
            		<!------------------------->    
                    <div class="judultimepad">Will Be Held On:</div>
                    <div>
                        <div class="left"><img src="images/ic_menu_my_calendar.png" /></div>
                        <div class="left waktu">29 September 2011 </div>
                        <div class="clear"></div>
                    </div>
            		<!------------------------->    
            </div>
            <div class="countspace countbatas">
            		<!------------------------->    
                    <div class="judultimepad">Last Registration:</div>
                    <div>
                        <div class="left"><img src="images/ic_menu_my_calendar.png" /></div>
                        <div class="left waktu">3 Oktober 201</div>
                        <div class="clear"></div>
                    </div>
            		<!------------------------->    
            </div>            
            <div class="countspace countbatas">
            		<!------------------------->    
                    <div class="judultimepad">Countdown to Event</div>
                    <div>
                        <div class="left"><img src="images/ic_menu_duration.png" /></div>
                        <div class="left waktu">
                        <table class="" border="0" cellspacing="0" cellpadding="3">
                          <tr>
                            <td id="box_days">(##)</td>
                            <td id="box_hours">(##)</td>
                            <td id="box_mins">(##)</td>
                            <td id="box_secs">(##)</td>
                          </tr>
                        </table>
                        
                        </div>
                        <div class="clear"></div>
                    </div>
            		<!------------------------->              
            </div>
            <div class="countspace">
            		<!------------------------->    
                    <div class="judultimepad">Find us on Facebook</div>
                    <div>
                        <div class="left"></div>
                        <div class="left waktu"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2F%23%21%2Fpages%2FComLabs-ITCourse%2F184063721610460&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="No" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowtransparency="true"></iframe></div>
                        <div class="clear"></div>
                    </div>
            		<!------------------------->                
            </div>
        </div><!---end #bawahmenu2--->
        <div id="bwhmenu3"></div>
	</div><!---end #bawahmenu--->
	
	<div id="isi">
        <div class="wadah">
            <div class="folio_block">
                <div class="">
                    <div class="window">
                        <div class="image_reel"> 
                            <a href="news2.html"><img src="images/reel_1.png" alt="" /></a> 
                            <a href="#"><img src="images/reel_2.png" alt="" /></a> 
                            <a href="syllabus/(MWD)v0.2.pdf"><img src="images/reel_3.png" alt="" /></a> 
                            <a href="syllabus/(CDA)v0.2.1.pdf"><img src="images/reel_4.png" alt="" /></a> 
                            <a href="#"><img src="images/reel_5.png" alt="" /></a> 
                            <a href="#"><img src="images/reel_6.png" alt="" /></a> 
                            <a href="http://www.facebook.com/pages/ComLabs-ITCourse/184063721610460"><img src="images/reel_7.png" alt="" /></a> 
                        </div>
                    </div>
					<div class="buttonteaser">
						<div class="paging"> 
						<a href="#" rel="1" class="buttonteaserlagi1">&nbsp;</a> 
						<a href="#" rel="2" class="buttonteaserlagi2">&nbsp;</a> 
						<a href="#" rel="3" class="buttonteaserlagi3">&nbsp;</a> 
						<a href="#" rel="4" class="buttonteaserlagi4">&nbsp;</a> 
						<a href="#" rel="5" class="buttonteaserlagi5">&nbsp;</a> 
						<a href="#" rel="6" class="buttonteaserlagi6">&nbsp;</a> 
						<a href="#" rel="7" class="buttonteaserlagi7">&nbsp;</a> 
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="searchbar">
			<div id="s1">&nbsp;</div>
			<div id="s2">&nbsp;</div>
			<div id="s3">
				<form><label for="cari"></label><input name="cari" type="text" class="carix" id="cari" />
				</form>
			</div>
			<div class="clear"></div>
		</div>
		<div id="etalase1"></div>
		<div id="etalase">
			<div class="coda-slider-wrapper">
			<div class="coda-slider preload" id="coda-slider-1">
			<!--------->
				<div class="panel">
				<div class="panel-wrapper">
					<table width="" border="0" cellspacing="0" cellpadding="0" class="yihan" align="center">
					  <tr>
						<td class="etano">
							<div class="left fwid">
								<div class="fatas din">
									<a href="#"><img src="images/cdpfeat.gif"  class="captify" alt="See Details"/></a>
									<span class="new"></span>
								</div>
								<div class="fbawah">
									<p class="judulfeatured din">Comprehensive  Design using Adobe Illustrator &amp; Photoshop</p>
									<p class="isifeatured">Graphic Design dapat kita temukan di mana saja, kita dapat menemukannya dalam billboard yang kita lihat, sablonan baju yang kita pakai, poster yang kita baca, website yang kita kunjungi, sampai mobile appliacation yang kita gunakan. Akan sangat menarik jika salah satunya adalah hasil karya Anda.</p>
								</div>
							</div>        
						</td>
						<td class="etaborder">
							<div class="left fwid">
								<div class="fatas din">
									<a href="#"><img src="images/aadfeat.gif"  class="captify" alt="See Details"/></a>
									<span class="new"></span>
								</div>
								<div class="fbawah">
									<p class="judulfeatured din">Android Application Development</p>
									<p class="isifeatured">Dengan bekal kemampuan dasar pemprograman java, melangkah ke tantangan selanjutnya dengan mengembangkan aplikasi berbasis android - sebuah  sistem operasi smartphone yang kini tengah dan terus akan populer. kembangkan aplikasinya, unggah ke android market, dan lihat respon sekeliling Anda.</p>
								</div>
							</div>        
						</td>
						<td class="etaborder">
							<div class="left fwid">
								<div class="fatas din">
									<a href="#"><img src="images/mwdfeat.gif" class="captify" alt="See Details"/></a>
									
									<span class="old"></span>
								</div>
								<div class="fbawah">
									<p class="judulfeatured din">Modern Web Design</p>
									<p class="isifeatured">Rata-rata website modern yang muncul akhir-akhir ini memiliki desain yang atraktif, interaktif, dan dinamis. Hal tersebut tidaklah mudah, karena melibatkan banyak faktor disain. Dengan mempelajari dan menguasai teknologi seperti: HTML, CSS, dan Javascript, Anda dapat melangkah untuk mulai membangun website modern dengan style Anda sendiri.</p>
								</div>
							</div>        
						</td>
						<td class="etaborder">
							<div class="left fwid">
								<div class="fatas din">
									<a href="#"><img src="images/jad1feat.gif"  class="captify" alt="See Details"/></a>
									<span  class="old"></span>
								</div>
								<div class="fbawah">
									<p class="judulfeatured din">Java for Application Development 1</p>
									<p class="isifeatured">Java merupakan bahasa pemograman berorientasi objek yang bersifat multiplatform. Karena Java didistribusikan secara gratis, hingga saat ini, banyak komunitas yang terus memanfaatkan dan mendukung pengembangannya. Pelajari dasar pemrograman dan pengembangan aplikasinya disini.</p>
								</div>
							</div>        
						</td>
					  </tr>
					</table>            
		   		</div>
				</div>
				<!--------->
				<div class="panel">
				<div class="panel-wrapper">
					<table width="" border="0" cellspacing="0" cellpadding="0" class="yihan" align="center">
					  <tr>
						<td class="etano">
							<div class="left fwid">
								<div class="fatas din">
									<a href="#"><img src="images/cdpfeat.gif"  class="captify" alt="See Details"/></a>
									<span class="new"></span>
								</div>
								<div class="fbawah">
									<p class="judulfeatured din">Comprehensive  Design using Adobe Illustrator &amp; Photoshop</p>
									<p class="isifeatured">Graphic Design dapat kita temukan di mana saja, kita dapat menemukannya dalam billboard yang kita lihat, sablonan baju yang kita pakai, poster yang kita baca, website yang kita kunjungi, sampai mobile appliacation yang kita gunakan. Akan sangat menarik jika salah satunya adalah hasil karya Anda.</p>
								</div>
							</div>        
						</td>
						<td class="etaborder">
							<div class="left fwid">
								<div class="fatas din">
									<a href="#"><img src="images/aadfeat.gif"  class="captify" alt="See Details"/></a>
									<span class="new"></span>
								</div>
								<div class="fbawah">
									<p class="judulfeatured din">Android Application Development</p>
									<p class="isifeatured">Dengan bekal kemampuan dasar pemprograman java, melangkah ke tantangan selanjutnya dengan mengembangkan aplikasi berbasis android - sebuah  sistem operasi smartphone yang kini tengah dan terus akan populer. kembangkan aplikasinya, unggah ke android market, dan lihat respon sekeliling Anda.</p>
								</div>
							</div>        
						</td>
						<td class="etaborder">
							<div class="left fwid">
								<div class="fatas din">
									<a href="#"><img src="images/mwdfeat.gif" class="captify" alt="See Details"/></a>
									
									<span class="old"></span>
								</div>
								<div class="fbawah">
									<p class="judulfeatured din">Modern Web Design</p>
									<p class="isifeatured">Rata-rata website modern yang muncul akhir-akhir ini memiliki desain yang atraktif, interaktif, dan dinamis. Hal tersebut tidaklah mudah, karena melibatkan banyak faktor disain. Dengan mempelajari dan menguasai teknologi seperti: HTML, CSS, dan Javascript, Anda dapat melangkah untuk mulai membangun website modern dengan style Anda sendiri.</p>
								</div>
							</div>        
						</td>
						<td class="etaborder">
							<div class="left fwid">
								<div class="fatas din">
									<a href="#"><img src="images/jad1feat.gif"  class="captify" alt="See Details"/></a>
									<span  class="old"></span>
								</div>
								<div class="fbawah">
									<p class="judulfeatured din">Java for Application Development 1</p>
									<p class="isifeatured">Java merupakan bahasa pemograman berorientasi objek yang bersifat multiplatform. Karena Java didistribusikan secara gratis, hingga saat ini, banyak komunitas yang terus memanfaatkan dan mendukung pengembangannya. Pelajari dasar pemrograman dan pengembangan aplikasinya disinix.</p>
								</div>
							</div>        
						</td>
					  </tr>
					</table>            
				</div>
				</div>
				<!--------->
			</div><!---end #coda-slider-1---> 
			</div><!-- .coda-slider -->
		</div><!---end #etalase--->
       
    
		<div id="tiga1"></div>
		<div id="tiga2">
			<div id="comunity"><p>Join Our Community</p></div>
			<div id="merchan"><p>Our Merchandise</p></div>
			<div id="berita">
				<p>Our Latest News</p>
				<table width="" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td>o</td>
					<td><a href="news3.html">Iphone 5 Dirilis</a></td>
				  </tr>
				  <tr>
					<td>o</td>
					<td><a href="news3.html">Indonesia Menang Lawan Thailand</a></td>
				  </tr>
				  <tr>
					<td>o</td>
					<td><a href="news3.html">SBY Reshufle Kabinet Besok</a></td>
				  </tr>
				  <tr>
					<td>o</td>
					<td><a href="news3.html">Diskon Istimewa ComLabs IT Course Term-3 2011</a></td>
				  </tr>
				</table>
			</div>
			<div class="clear"></div>
		</div><!---end #tiga2--->
	</div><!---end #isi--->
	<div id="tiga3"></div>
</div><!---end #selubung--->
	
    
    <div id="footer">
    	<div id="footerbackL"></div>
    	<div id="footerback">
        <a href="http://www.itb.ac.id">ITB</a> | 
        <a href="http://www.comlabs.itb.ac.id">ComLabs USDI ITB Homepage</a> | 
        <a href="http://cdf.comlabs.itb.ac.id">ComLabs Discussion Forum </a> | 
        <a href="http://www.facebook.com/pages/ComLabs-ITCourse/184063721610460?sk=wall">Facebook Page</a> | 
        <a href="http://twitter.com/#!/ComLabsITCourse"> Twitter Page</a> | 
        <a href="contact.html"> Contact</a> | 
        <a href="#">Partnership</a>
        </div>
    	<div id="footerbackR"></div> 
        <div class="clear"></div>   
	</div><!---end #footer--->
</body>
</html>
